// 负责管理所有的自定义指令
export const imageerror = {
  // 指令对象 会砸i当前dom元素插入到节点之后执行
  inserted (dom, options) {
    // options是指令中的变量的解释 其中有一个属性交value 这个 vulue说就是我们所穿的
    // dom 表示当前指令作用的dom对象
    // dom此时就是图片
    // 当图片有地址 但地址没有加载成功的时候 会报错 回触发图片的一个事件  onerror
    // 初始花判断头像是否为空
    dom.src = dom.src || options.value
    dom.onerror = function () {
      //  这里dom可以注册 error事件
      // dom.src = '默认图片' 不能写死
      // 当图片出现异常的时候回键该指令配置的默认图片设置为该图片的内容
      dom.src = options.value
    }
  },
  componentUpdated (dom, options) {
    // 改狗子函数   会在当前指令作用的组件更新数据丸子之后执行
    //   组件初始化 一旦更新就会 再 进入 函数
    dom.src = dom.src || options.value
    // console.log(options.value)
  }
}

